//获取json里的数据
$.getJSON("json/yphjson.json",function(json){
	//banner图部分
	$("#banner1 img").attr("src",json.banner1);
	$("#banner2 img").attr("src",json.banner2);
	$("#banner3 img").attr("src",json.banner3);
	//加载二维码
	$(".aside_bottom1 img").attr("src",json.erweima);
	//小轮播图部分
	$("#day_choice_lunbo li").each(function(index,value){	
		$(this).find("h2").find("a").html(json.banner10[index].alt);
		$(this).eq(0).find("img").attr("src",json.banner10[index].src);
		$(this).find(".img_explain").html(json.banner10[index].explain);
		$(this).find("p").find("span").html(json.banner10[index].prise);
		$(this).find("p").find("em").html(json.banner10[index].active);
		$(this).find(".img_comment").find("i").html(json.banner10[index].number1);
		$(this).find(".img_comment1").html(json.banner10[index].comment1);
	})
	$(".xiaolunbo li").each(function(index,value){
		$(this).find("img").attr("src",json.banner11[index].src)
	})
	//电视购物部分
	$(".pop_img img").attr("src",json.tv_show.src);
	$(".explain2").find("a").html(json.tv_show.exolain2);
	$(".prise2").html(json.tv_show.prise2)
	//small_banner部分
	$(".small_banner li").each(function(index,value){
		$(this).find("img").attr("src",json.small_banner[index].src)
		$(this).find(".time1").html(json.small_banner[index].time)
	});
	//品类部分
	$(".sifutu li").each(function(index,value){
		$(this).find("img").attr("src",json.pinlei[index].src);
	});
	//加载market
	$(".market li").each(function(index,value){
		$(this).find("img").attr("src",json.market[index].src);
		$(this).find("h3").find("a").html(json.market[index].title);
		$(this).find(".explain4").find("a").html(json.market[index].explain);
		$(this).find(".ge").html(json.market[index].prise);
		$(this).find(".ren").find("em").html(json.market[index].people);
	})
});
//头部循环公告部分
(function(){
	var index = 0;
	var arr = ["【注意】自助语音订购系统说明","【紧急通知】关于短信发送异常的通知","【公告】防诈骗提醒","优品惠（优购物）5周年庆，盛大典礼"];
	setInterval(function(){
		$("#header_news1").html(arr[(index++)%4]);
	},3000)
})()

//搜索框跨域请求
$("#txt").focus(function(){
	$(this).val("")
})
$("#txt").keyup(function(){
	$(this).css("border-bottom","2px solid #ccc")
	$("#txt2").html("");
	$("#txt2").css("display","block");
	var $str = $("#txt").val();
	$(("<script>"),{
		src:"https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd="+$str+"&cb=fn"
	}).appendTo("head:eq(0)")
})
$("#txt").blur(function(){
	$("#txt2").css("display","none")
	$(this).css("border-bottom","2px solid red");
})
//创建全局函数3
function fn(data){
	data.s.forEach(function(value,index){
		let oLi = document.createElement('li');
		oLi.innerHTML = value;
		$("#txt2").append(oLi);
	})
}

//购物车滑动事件
(function(){
	$("#search_r").mousemove(function(){
		$("#search3").html("︿");
	})
	$("#search_r").mouseout(function(){
		$("#search3").html("﹀");
	})
})()


//轮播图部分
	
	var mySwiper = new Swiper ('.swiper-container', {
	    direction: 'horizontal',
	    loop: true,
	    pagination: '.swiper-pagination',
	    nextButton: '.swiper-button-next',
	    prevButton: '.swiper-button-prev',
	    autoplay: 3000,
	    autoplayDisableOnInteraction:false
	})  
  
//侧边栏滑动部分滑动触发
	$(".aside_l li").each(function(index,value){
		$(this).hover(function(){
			$(this).css("background-position-x","-46px")
			$(this).find("div").css("display","block")
		},function(){
			$(this).css("background-position-x","0")
			$(this).find("div").css("display","none")
		})
	})
//点击侧边栏关闭
$("#aside_close").click(function(){
	$("#aside_topd").css("display","none");
})


//小轮播图部分
//左右点击按钮
autoplay();
var index = 0;
$("#btn_l").click(function(){
	clearInterval(timer);
	index--;
	if(index < 0 ){
		$("#day_choice_lunbo").css('left","$("#day_choice_lunbo").children("li").width() * 4');
		index = 3;
	}
	$("#day_choice_lunbo").animate({
		left:-698 * index
	},500)
})
$("#btn_r").click(function(){
	clearInterval(timer);
	index++;
	if(index >= $("#day_choice_lunbo").children("li").length){
		$("#day_choice_lunbo").css("left","0");
		index = 1;
	}
	
	$("#day_choice_lunbo").animate({
		left: - 698 * index
	},500)
})
function autoplay(){
	timer = setInterval(function(){
		index++;
		if(index >= $("#day_choice_lunbo").children("li").length){
			$("#day_choice_lunbo").css("left","0");
			index = 1;
		}
		$("#day_choice_lunbo").animate({
			left: - 698 * index
		},500)
	},3000)
}
//small_banner部分左右点击按钮
var index2 = 0;
$(".btn4").click(function(){
	clearInterval(timer1);
	console.log(index2);
	index2--;
	if(index2 < 0 ){
		$(".small_banner").css('left","$(".small_banner").children("li").width() * 6');
		index2 = 3;
	}
	$(".small_banner").animate({
		left:-85 * index2
	},500)
})
$(".btn5").click(function(){
	clearInterval(timer1);
	index2++;
	if(index2 >= $(".small_banner").children("li").length-2){
		$(".small_banner").css("left","0");
		index2 = 1;
	}
	
	$(".small_banner").animate({
		left: - 85 * index2
	},500)
})
autoplay1()
function autoplay1(){
	timer1 = setInterval(function(){
		index2++;
		if(index2 >= $(".small_banner").children("li").length-2){
			$(".small_banner").css("left","0");
			index2 = 1;
		}
		
		$(".small_banner").animate({
			left: - 85 * index2
		},500)
	},5000)
}
//点击跳转到登录注册页面
$(".load").click(function(){
	location.href = "html/load.html";
})
$(".register").click(function(){
	location.href = "html/zhuce.html";
})
//获取cookie，首页显示用户名
//获取cookie中的用户信息
var users = getCookie("registerUsers") ? getCookie("registerUsers"):"";
//将字符串转为对象
var arr = users.split(":")
var arr1 = arr[arr.length-1].split(",")
if(!users == ""){
	$(".register").html("用户"+arr1[0]);
	$(".load").html("退出重新登陆");
}
//加载购物车中的信息，让商品页和购物车中的购物车数量同步
loadCart();
function loadCart(){
	var cartStr = $.cookie("cart") ? $.cookie("cart"):"";
	var cartObj = convertCartStrToObj(cartStr);
	//获取到购物车中所有商品的数量
	var total = 0;
	for(var id in cartObj){
		total += cartObj[id].num;
	}
	$("#aside_shopping").html(total);
	$(".search2").html(total);
}
function convertCartStrToObj(cartStr) {
				//"sp1,香蕉,30,1,src1:sp2,苹果,40,2,src2:sp3,梨,50,3,str3"
				//如果是空字符串，即没有购物车信息，那么购物车为空，直接返回一个空对象
				if(!cartStr) {
					return {};
				}
				var goods = cartStr.split(":");
				var obj = {};
				for(var i = 0; i < goods.length; i++) {
					var data = goods[i].split(",");
					//以商品的id为健，商品的其他信息为值，这个值也设计为一个对象
					obj[data[0]] = {
						name: data[1],
						price: parseFloat(data[2]),
						num: parseInt(data[3]),
						src: data[4]
					}
				}
				return obj;
			}

